﻿/*头部样式*/
.top{background-color: #f3f3f3;font:14px/35px "微软雅黑";letter-spacing:1px;color: #333;}
.k1 a{color: #333;}
#header{border-bottom: 1px solid #b0b0b0;}
.logo{float:left;line-height: 100px;width: 130px;}
.k3{padding-left: 13px;padding-top: 30px;height: 70px;font:14px/26px "微软雅黑";color: #333;width: 370px;background: url(/skin/images/k3.png) left center no-repeat;}
.k2{padding-left: 50px;padding-top: 20px;height: 80px;width: 185px;background: url(/skin/images/tel.png) left center no-repeat;font:24px/1.2 "微软雅黑";}
/*热门关键词*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.hotSearch a{margin-right:6px;}
/*搜索*/
#formsearch{width:185px;float:right;margin-top: 35px;height: 26px;border:2px solid #666;}
#formsearch input{background:none;border:none;line-height:26px;height:26px;outline: none;}
#formsearch input#keyword{padding-left:5px;color:#666;width:150px;}
#formsearch input#s_btn{width:25px;cursor:pointer;background: url(/skin/images/ss.png) center no-repeat;}
/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.article{width: 1200px;margin:0 auto;position: relative;overflow: hidden;}
.v-article{width: 1200px;margin:0 auto;position: relative;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;}
/*页面底部*/
#footer{margin-top: 30px;padding-top: 48px;background-color: #333;color: #fff;}
#footer a{color:#fff;}
#footer a:hover{color:#fd8c00;}
.nav_foot{width:560px;display: flex;justify-content:space-between;}
#footer dt{font:16px/1 "微软雅黑";margin-bottom: 15px;}
#footer dd{font:14px/30px "微软雅黑";}
.f_lx{margin-left: 80px;width: 340px;}
.f_code{width: 185px;text-align: center;}
.copyright{font:14px/25px "微软雅黑";padding:30px 0;}
/*------------内页-------------------*/
.left {width: 225px;float: left;}
.left .box {margin-bottom: 10px;}
.left .box h3 {line-height: 50px;padding-left: 34px;background: #333;font-size: 16px;color: #fff;font-weight: 400;position: relative}
.left .box h3:after{content:"";position: absolute;width:5px;height:20px;top:16px;left:15px;background: #fff}
.left .box .content {padding: 5px 0px;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}
.n_banner{width:1920px;position:relative;left:50%;margin-left: -960px;}
.n_banner img{width:1920px;height: 300px;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}
.right{width:940px;float:right;padding-bottom:10px;}
.sitemp {border-bottom:1px solid #eee;}
.sitemp h2 {width: 340px;float: left;line-height: 40px;text-align: left;font-size: 16px;color:#333;}
.sitemp .site {width: 380px;float: right;text-align: right;line-height: 40px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}
/*z1*/
.z1{margin-top: 27px;font-size: 0;}
.z1-tit span{display: inline-block;width: 300px;text-indent: 22px;font:16px/40px "微软雅黑";color: #111;}
.z1 form{padding:15px 0;background-color: #333;border-radius: 3px;}
.z1 form input{width: 268px;height: 42px;border-radius: 3px;border:none;margin:0 20px 10px 13px;text-indent: 10px;}
.z1 form input[type="submit"]{margin-right: 0;text-indent: 0;background-color: #fd8c00;font-size: 18px;color: #fff;cursor: pointer;}
.z1 form input[name="checkcode"]{margin-left:618px;}
.z1 form img{vertical-align:-16px;cursor: pointer;margin-left: 10px;}
/*black*/
.black{text-align: center;font:36px/1 "微软雅黑";color: #fff;text-shadow:2px 0 #333,0 2px #333,-2px 0 #333,0 -2px #333;letter-spacing:6px;height: 54px;text-align: center;}
/*z2*/
.z2{margin-top: 75px;margin-bottom:35px;}
.z2-box{margin-top: 25px;}
.z2-box ul.hd{display: flex;justify-content:center;padding-bottom: 10px;border-bottom: 1px solid #333;}
.z2-box ul.hd li{font:16px/35px "微软雅黑";margin:0 20px;width: 116px;text-align: center;transition:.5s;}
.z2-box ul.hd li.on{background-color: #fd8c00;border-radius: 20px;box-shadow: 1px 1px 5px rgba(102,102,102,.5);}
.z2-box ul.hd li.on a{color: #fff;}

.z2-box a.last{font:16px/25px "微软雅黑";color: #fd8c00;float: right;margin-top: -43px;}
.z2-box .bd{margin-top: 33px;}

.z2-box .bd ul li{float: left;margin-right: 15px;border:2px solid transparent;margin-bottom: 13px;transition:.5s;width: 280px;}
.z2-box .bd ul li img{width: 280px;height: 270px;}
.z2-box .bd ul li:nth-child(4n){margin-right: 0;}
.z2-box .bd ul li h3{text-align: center;font:18px/43px "微软雅黑";color: #111;transition:.5s;}
.z2-box .bd ul li:hover{border-color: #333;}
.z2-box .bd ul li:hover h3{background-color: #333;color: #fff;}
/*z3*/
.z3{margin-top: 33px;background-color: #efeeee;padding-top: 40px;padding-bottom: 20px;}
.z3-box{overflow: hidden;}
.z3-left{width: 545px;padding-left: 35px;margin-bottom: 23px;}
.z3-left h3{font:31px/60px "微软雅黑";color: #000;border-bottom:1px solid #666;display: inline-block;margin-top: 20px;}
.z3-left h3 i{font-size: 40px;font-style: normal;vertical-align: -5px;}
.z3-left h3+p{font:24px/1.5 "微软雅黑";color: #000;padding-top:5px;}
.z3-txt{font:18px/26px "微软雅黑";color: #333;}
.z3-left h3.sec{margin-top: 45px;}
.z3-right{width: 602px;height: 431px;overflow: hidden;margin-bottom: 23px;}
.z3-right img{transition:1s;}
.z3-right img:hover{transform:scale(1.2);}
/*z4*/
.z4{width: 1270px;margin: 0 auto;margin-top: 85px;position: relative;margin-bottom: 70px;}
.z4 .bd{width: 1200px;margin:0 auto;margin-top:35px;overflow: hidden;}
.z4 .bd ul li{float: left;margin-right: 30px;padding-top: 20px;}
.z4 .bd ul li img{width: 380px;height: 305px;transition:transform .8s;}
.z4 .bd ul li h3{text-align: center;font:16px/40px "微软雅黑";color: #000;margin-top: 35px;border-bottom: 1px solid #000;}
.z4 .bd ul li:hover img{transform:scale(1.1);box-shadow:5px 5px 15px #b0afaf;}
.prev,.next{width: 20px;height: 33px;position: absolute;top: 242px;}
.prev{background: url(/skin/images/prev.png) center no-repeat;}
a.prev:hover{background-image:url(/skin/images/prevon.png) }
.next{background: url(/skin/images/next.png) center no-repeat;right: 0;}
a.next:hover{background: url(/skin/images/nexton.png) center no-repeat;}
a.more{display: block;width: 162px;text-align: center;font:16px/40px "微软雅黑";border:1px solid #a7a7a7;border-radius: 20px;margin-top: 40px;position: relative;left:calc(50% - 81px);}
a.more:hover{background-color: #fd8c00;border-color: #fd8c00;color: #fff;}
/*z5*/
.z5{margin-top: 50px;padding-top: 50px;background:url(/skin/images/z5.jpg) center no-repeat;}
.z5 .article{height: 857px;}
.z5 h3{font:18px/26px "微软雅黑";}
.z5 h3 span{display: block;font:bold 24px/35px "微软雅黑";text-transform: uppercase;}
.z5 b{width: 21px;height: 8px;display: block;background-color: #333;margin-top:5px;}
.z5-txt{font:14px/26px "微软雅黑";margin-top:10px;}
.z5-mgs{width: 920px;height: 465px;position: absolute;bottom: 0;overflow: hidden;}
.z5-mgs img{transition:1s;}
.z5-mgs img:hover{transform:scale(1.2);}
.z5-more img{margin-top: 85px;}
/*z6*/
.z6{margin-top: 110px;padding-top: 67px;background:url(/skin/images/z6.jpg) center no-repeat;padding-bottom:23px;}
.z6 h3{text-align: center;font:26px/1 "微软雅黑";color: #fff;}
.z6 h3 span{display: block;font:13px/3 "微软雅黑";}
.z6-box{width: 1105px;margin:0 auto;}
.z6-box ul {margin-top: 30px;}
.z6-box ul li{overflow: hidden;margin-bottom: 40px;}
.z6-box ul li div{width: 118px;height: 75px;background-color: #343434;text-align: center;float: left;padding-top: 25px;font:bold 20px/1 "微软雅黑";color: #fff;transition: background .5s;}
.z6-box ul li div span{display: block;font:12px/36px "微软雅黑";}
.z6-box ul li a{display: block;width: 950px;float: right;color: #fff;}
.z6-box ul li a h3{font:18px/38px "微软雅黑";}
.z6-box ul li a p{font:14px/25px "微软雅黑";}
.z6-box ul li:hover div{background-color: #ea8210;}
.z6-box ul li:hover a{color: #ea8210;}
/*新闻中心*/
.index-news .content{width: 1200px;margin:0 auto;margin-top:60px;overflow: hidden;}
.index-news ul{width: 355px;height: 400px;float: left;margin-right:67px;}
.index-news ul.qs{margin-right: 0;}
.index-news .content h3{height:32px;border-left: 3px solid #000;padding-left: 10px;font:24px/32px "黑体";color:#000;vertical-align: middle;}
.index-news .content h3 span{font:normal 14px/32px Arial;color: #000;}
.index-news .content h3 a{font:normal 18px/32px "微软雅黑";color: #000;float: right;}
.index-news .content h3 a:hover{color: #fd8c00;}
.index-news .content img{display: block;margin-top:18px;margin-bottom: 10px;padding-top: 12px;border-top:1px solid #999;}
.index-news .content li{line-height: 30px;}
.index-news .content li a{padding-left: 20px;background: url(/skin/images/news_arr_03.png) left center no-repeat;font-size: 15px;color: #4f4f4f;}
.index-news .content li a:hover{color:#fd8c00;background: url(/skin/images/nson.png) left center no-repeat; }
.index-news ul ul.in-this{width: 380px;height: 360px;overflow: hidden;}
.index-news ul ul.in-this li{margin:15px 0;}
.index-news ul ul.in-this li a{background: url(/skin/images/wen_03.jpg) left 5px no-repeat;padding-left: 25px;font-size: 15px;display: block;color: #000;}
.index-news ul ul.in-this li a:hover{background: url(/skin/images/wen_03.jpg) left 5px no-repeat;}
.index-news ul ul.in-this li p{background: url(/skin/images/da_03.jpg) left 3px no-repeat;padding-left: 25px;line-height: 18px;padding-top:5px;font-size: 13px;color: #4f4f4f;}
.line{border-color: #999;margin-top: 18px;}
.pages{clear:both;margin:0 15px;text-align:center;padding-bottom:10px;width:728px;font-family:"宋体";}
.pages li{float:left;margin-right:5px;list-style-type: none;}
.pages a{border:1px #ff0000 solid;margin:0 2px;height:18px;line-height:18px;padding:0 6px;display:inline-block;background:#f5f5f5;border:1px #ddd solid;text-align:center;}

.pages span{background:#f5f5f5;border:1px #ddd solid;margin:0 2px;height:18px;line-height:18px;padding:0 6px;display:inline-block;}

.pages strong{border:1px #ff0000 solid;margin:0 2px;height:18px;line-height:18px;padding:0 6px;display:inline-block;color:#FF0000;font-weight:bold;}
